import Guide from '@/components/Guide';
import { PageContainer } from '@ant-design/pro-components';
import styles from './index.less';
import { useModel } from '@umijs/max';
import { Tabs } from 'antd';

const HomePage: React.FC = () => {
  const { currentTabs } = useModel('global');
  return (
    <PageContainer ghost>
      <div className={styles.container}>
        <Guide name="1" />
      </div>
      <Tabs
        tabBarGutter={3}
        style={{ fontSize: 12 }}
        type="editable-card"
        size="small"
        items={currentTabs}
        hideAdd
      ></Tabs>
    </PageContainer>
  );
};

export default HomePage;
